<template>
    <LordsInfo></LordsInfo>
    <RouterView></RouterView>
</template>

<script lang="ts" setup>
import LordsInfo from '@/components/controls/info.vue';
import Game from '@/game/game';
const { loop } = Game.startGameLoop();
</script>

<style scoped>
.content-container {
    display: flex;
    flex-direction: column;
    gap: 1vh 1vw;
    padding: 1vh 1vw;
}

.game-info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10vw;
}

.table-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>